<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

<!-- 
    报文段：前端和后端通信时传输的数据称为 '报文段'
    请求报文：前端发送给后端的报文
    响应报文：后端响应给前端的报文

    请求报文的组成部分：
    1.<request-line> 请求行
    2.<headers> 请求头
    3.空行
    4.<request-body> 请求体

    1.<request-line> 请求行
    GET https://www.baidu.com/ HTTP/1.1
    GET 请求方式
    https://www.baidu.com/ 请求地址/路径
    HTTP/1.1 HTTP协议版本

    2.<headers> 请求头
    请求头中有多个键值对 key:value
    Accept: text/html,application/xhtml+xml,application/xml 客户端支持的数据类型
    Connection: keep-alive 保持TCP连接不断开（长连接，复用连接）
    Cookie: key1=value1; key2=value2 客户端的cookie数据
    Host: www.baidu.com 服务器主机名
    User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
    。。。。。。
    请求头中的设置是为了告诉后端一些信息

    3.空行
    请求头之后的一个空行，告诉服务端区分请求头和请求体

    4.<request-body> 请求体
    前端给后端发送的数据放在请求体中
    post请求时，前端给后端发送的数据在请求体中
    get请求时，前端给后端发送的数据在url查询字符串中


    响应报文的组成部分：
    1.<status-line> 状态行
    2.<headers> 响应头
    3.空行
    4.<response-body> 响应体

    1.<status-line> 状态行
    HTTP/1.1 200 OK
    HTTP/1.1 HTTP协议版本
    200 响应状态码
    OK 响应信息

    2.<headers> 响应头
   响应头中有多个键值对 key:value
   Connection: keep-alive 保持TCP连接不断开（长连接，复用连接）
   Content-Type: text/html;charset=utf-8 响应的内容类型
   Set-Cookie: BDSVRTM=69; path=/ 设置cookie
   Content-Length: 20 响应数据的长度
   。。。。。。
   响应头中的设置是为了告诉前端一些信息

   3.空行
   响应头之后的一个空行，告诉客户端区分响应头和响应体

   4.<response-body> 响应体
   后端给前端发送的数据放在响应体中

   浏览器 检查 NetWork
   Headers 包含请求头和响应头信息
   Preview 预览视图
   Response 响应的具体数据

 -->

</body>
</html>